import React, { Component, Fragment } from "react";

import { Tabs } from "antd";

// 合并页面
import Middleware from "./Middleware";
import MiddlewareType from "./MiddlewareType";
import MiddlewareTree from "./MiddlewareTree";

const { TabPane } = Tabs;

class Index extends Component {
    constructor(props){
        super(props);  
        this.setState = {} 
    }

    render(){
        return (
            <Fragment>
                <Tabs defaultActiveKey="1">
                    <TabPane tab="服务列表" key="1">
                        <MiddlewareTree />
                    </TabPane>
                    <TabPane tab="服务管理" key="2">
                        <Middleware />
                    </TabPane>
                    <TabPane tab="类型管理" key="3">
                        <MiddlewareType />
                    </TabPane>
                </Tabs>
            </Fragment>
        )
    }
}

export default Index;